<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<title>{$logo.title}</title>
<meta name="keywords" content="{$logo.keyword}" />
<meta name="description" content="{$logo.miaoshi}" />
<script src="__TEMPLATE__/sysme/js/jquery-1.9.1.min.js"></script>
<link href="__TEMPLATE__/index/css/global1.css" rel="stylesheet">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px;">

<style type="text/css">
.center {
	text-align: center
}

span.cur {
	position: relative;
	z-index: 3;
}

html {
  zoom: 110%
}
</style>

	<div style="width: 3000px; margin: auto" id="xianshi_1">
		<div id="zst_1"
			style="width: 400px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-right: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_1" class="trend-content">
						<table id="trend_table_1" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_2"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_2" class="trend-content">
						<table id="trend_table_2" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_3"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_3" class="trend-content">
						<table id="trend_table_3" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_4"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_4" class="trend-content">
						<table id="trend_table_4" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_5"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_5" class="trend-content">
						<table id="trend_table_5" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_6"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_6" class="trend-content">
						<table id="trend_table_6" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_7"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_7" class="trend-content">
						<table id="trend_table_7" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_8"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_8" class="trend-content">
						<table id="trend_table_8" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>

		<div id="zst_9"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_9" class="trend-content">
						<table id="trend_table_9" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>
		
		<div id="zst_10"
			style="width: 250px; margin: auto; border: #CCCCCC solid 1px; margin-top: 10px; margin-bottom: 10px; float: left; border-left: none">
			<div id="wrapper_1"
				class="scorllmain-content scorllmain-Beet nobottom_bar">
				<div class="sub_ScorllCont">
					<div id="chartsDiv_10" class="trend-content">
						<table id="trend_table_10" cellpadding="0" cellspacing="0">
						</table>
					</div>
				</div>
			</div>
		</div>
	</div>
	<input type="hidden" value="{$czid}" id="czid">
	<input type="hidden" value="" id="countuu">
	
	
</body>
<script>
		try {
			isLogin = false;
		} catch (e) {
			console.log(e);
		}
	</script>
	<script>
		$(function() {
			document.getElementById("zst_1").style.width = "0px"
			document.getElementById("zst_2").style.width = "0px"
			document.getElementById("zst_3").style.width = "0px"
			document.getElementById("zst_4").style.width = "0px"
			document.getElementById("zst_5").style.width = "0px"
			document.getElementById("zst_6").style.width = "0px"
			document.getElementById("zst_7").style.width = "0px"
			document.getElementById("zst_8").style.width = "0px"
			document.getElementById("zst_9").style.width = "0px"
			document.getElementById("zst_10").style.width = "0px"
			document.getElementById("xianshi_1").style.width = "0px"

			var czipd = document.getElementById("czid").value;
			//$CZID==1 || $CZID==2 || $CZID==3 || $CZID==6 || $CZID==8 || $CZID==11 || $CZID==12 || $CZID==52 || $CZID==53 || $CZID==54
			if (czipd == "1" || czipd == "2" || czipd == "3" || czipd == "6"
					|| czipd == "8" || czipd == "11" || czipd == "12"
					|| czipd == "52" || czipd == "53" || czipd == "54" || czipd == "62") {

				document.getElementById("zst_1").style.width = "400px"
				document.getElementById("zst_2").style.width = "300px"
				document.getElementById("zst_3").style.width = "300px"
				document.getElementById("zst_4").style.width = "300px"
				document.getElementById("zst_5").style.width = "300px"
				document.getElementById("zst_6").style.width = "0px"
				document.getElementById("zst_7").style.width = "0px"
				document.getElementById("zst_8").style.width = "0px"
				document.getElementById("zst_9").style.width = "0px"
				document.getElementById("zst_10").style.width = "0px"
				document.getElementById("xianshi_1").style.width = "1700px"

				document.getElementById("countuu").value = "5";

			}

			if (czipd == "4" || czipd == "56" || czipd=="61" || czipd=="63") {

				document.getElementById("zst_1").style.width = "400px"
				document.getElementById("zst_2").style.width = "300px"
				document.getElementById("zst_3").style.width = "300px"
				document.getElementById("zst_4").style.width = "300px"
				document.getElementById("zst_5").style.width = "300px"
				document.getElementById("zst_6").style.width = "300px"
				document.getElementById("zst_7").style.width = "300px"
				document.getElementById("zst_8").style.width = "300px"
				document.getElementById("zst_9").style.width = "300px"
				document.getElementById("zst_10").style.width = "300px"
				document.getElementById("xianshi_1").style.width = "3200px"

				document.getElementById("countuu").value = "10";

			}

			if (czipd == "5" || czipd == "48" || czipd == "7" || czipd == "36"
					|| czipd == "37" || czipd == "38" || czipd == "39"
					|| czipd == "40" || czipd == "41" || czipd == "42"
					|| czipd == "43" || czipd == "44" || czipd == "45"
					|| czipd == "46" || czipd == "47" || czipd == "48"
					|| czipd == "57" || czipd == "10" || czipd == "72") {

				document.getElementById("zst_1").style.width = "400px"
				document.getElementById("zst_2").style.width = "300px"
				document.getElementById("zst_3").style.width = "300px"
				document.getElementById("zst_4").style.width = "0px"
				document.getElementById("zst_5").style.width = "0px"
				document.getElementById("zst_6").style.width = "0px"
				document.getElementById("zst_7").style.width = "0px"
				document.getElementById("zst_8").style.width = "0px"
				document.getElementById("zst_9").style.width = "0px"
				document.getElementById("zst_10").style.width = "0px"
				document.getElementById("xianshi_1").style.width = "1050px"

				document.getElementById("countuu").value = "3";

			}

			if (czipd == "13" || czipd == "14" || czipd == "15"
					|| czipd == "16" || czipd == "17" || czipd == "18"
					|| czipd == "19" || czipd == "20" || czipd == "21"
					|| czipd == "22" || czipd == "23" || czipd == "24"
					|| czipd == "25" || czipd == "26" || czipd == "27"
					|| czipd == "28" || czipd == "29" || czipd == "31"
					|| czipd == "32" || czipd == "33" || czipd == "34"
					|| czipd == "35" || czipd == "58") {

				document.getElementById("zst_1").style.width = "400px"
				document.getElementById("zst_2").style.width = "300px"
				document.getElementById("zst_3").style.width = "300px"
				document.getElementById("zst_4").style.width = "300px"
				document.getElementById("zst_5").style.width = "300px"
				document.getElementById("zst_6").style.width = "0px"
				document.getElementById("zst_7").style.width = "0px"
				document.getElementById("zst_8").style.width = "0px"
				document.getElementById("zst_9").style.width = "0px"
				document.getElementById("zst_10").style.width = "0px"
				document.getElementById("xianshi_1").style.width = "1700px"

				document.getElementById("countuu").value = "5";

			}
			if (czipd == "49" || czipd=="59") {

				document.getElementById("zst_1").style.width = "700px"
				document.getElementById("zst_2").style.width = "600px"
				document.getElementById("zst_3").style.width = "600px"
				document.getElementById("zst_4").style.width = "600px"
				document.getElementById("zst_5").style.width = "600px"
				document.getElementById("zst_6").style.width = "600px"
				document.getElementById("zst_7").style.width = "600px"
				document.getElementById("zst_8").style.width = "600px"
				document.getElementById("zst_9").style.width = "0px"
				document.getElementById("zst_10").style.width = "0px"
				document.getElementById("xianshi_1").style.width = "5000px"

				document.getElementById("countuu").value = "8";

			}
			if (czipd == "9") {

				document.getElementById("zst_1").style.width = "1066px"
				document.getElementById("zst_2").style.width = "1008px"
				document.getElementById("zst_3").style.width = "1008px"
				document.getElementById("zst_4").style.width = "1008px"
				document.getElementById("zst_5").style.width = "1008px"
				document.getElementById("zst_6").style.width = "1008px"
				document.getElementById("zst_7").style.width = "1008px"
				document.getElementById("zst_8").style.width = "0px"
				document.getElementById("zst_9").style.width = "0px"
				document.getElementById("zst_10").style.width = "0px"
				document.getElementById("xianshi_1").style.width = "5000px"

				document.getElementById("countuu").value = "8";

			}
			if (czipd == "51") {

				document.getElementById("zst_1").style.width = "400px"
				document.getElementById("zst_2").style.width = "300px"
				document.getElementById("zst_3").style.width = "300px"
				document.getElementById("zst_4").style.width = "300px"
				document.getElementById("zst_5").style.width = "300px"
				document.getElementById("zst_6").style.width = "300px"
				document.getElementById("zst_7").style.width = "300px"
				document.getElementById("zst_8").style.width = "0px"
				document.getElementById("zst_9").style.width = "0px"
				document.getElementById("zst_10").style.width = "0px"
				document.getElementById("xianshi_1").style.width = "2300px"

				document.getElementById("countuu").value = "7";

			}

		});
	</script>
	<script>
		function loaded() {
		}//空实现
		//document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false); //uc浏览器滑动
	</script>
	<title>走势图</title>
	<script>
		//对象转数组
		function obj2arr(obj) {
			var arr = [];
			for ( var item in obj) {
				arr.push(obj[item]);
			}
			return arr;
		}
	</script>
	<script>
		function drawLine(hmq) {
			var cvList = $('#chartsDiv_' + hmq + ' canvas');
			for ( var i = 0; i < cvList.length; i++) {
				var tmpCv = cvList[i];
				var width = $(tmpCv).width();
				var height = $(tmpCv).height();
				var direc = $(tmpCv).data('direc_' + hmq);
				width = (width == undefined) ? 0 : parseInt(width);
				height = (height == undefined) ? 0 : parseInt(height);
				var context = tmpCv.getContext('2d');
				context.beginPath();
				if (direc == 1) {
					context.moveTo(0, 0);
					context.lineTo(width, height);
				} else {
					context.moveTo(0, height);
					context.lineTo(width, 0);
				}
				if (height < 37) {

					context.strokeStyle = '#FF0000';
					context.stroke();

				}

			}

		}
	</script>
	<script>
		$(function() {
			$('li.game_li_' + trendGid).click();
			//getTrendData();
		});
	</script>
	<script>
		trendGid = 1;
		trendCount = 20;
		trendPos = 1;
		var czipd = document.getElementById("czid").value;
		noStr = '0|1|2|3|4|5|6|7|8|9';
		if (czipd == "1" || czipd == "2" || czipd == "3" || czipd == "6"
				|| czipd == "8" || czipd == "11" || czipd == "12"
				|| czipd == "52" || czipd == "53" || czipd == "54" || czipd == "62") {
			noStr = '0|1|2|3|4|5|6|7|8|9';
		}
		if (czipd == "4" || czipd == "56" || czipd=="61" || czipd=="63") {
			noStr = '1|2|3|4|5|6|7|8|9|10';
		}
		if (czipd == "5" || czipd == "7" || czipd == "10") {
			noStr = '0|1|2|3|4|5|6|7|8|9';
		}
		if (czipd == "48" || czipd == "36" || czipd == "37" || czipd == "38"
				|| czipd == "39" || czipd == "40" || czipd == "41"
				|| czipd == "42" || czipd == "43" || czipd == "44"
				|| czipd == "45" || czipd == "46" || czipd == "47"
				|| czipd == "48" || czipd == "57" || czipd == "72") {
			noStr = '1|2|3|4|5|6';
		}
		if (czipd == "13" || czipd == "14" || czipd == "15" || czipd == "16"
				|| czipd == "17" || czipd == "18" || czipd == "19"
				|| czipd == "20" || czipd == "21" || czipd == "22"
				|| czipd == "23" || czipd == "24" || czipd == "25"
				|| czipd == "26" || czipd == "27" || czipd == "28"
				|| czipd == "29" || czipd == "31" || czipd == "32"
				|| czipd == "33" || czipd == "34" || czipd == "35"
				|| czipd == "58") {
			noStr = '01|02|03|04|05|06|07|08|09|10|11';
		}
		if (czipd == "49" || czipd=="59") {
			noStr = '01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20';
		}
		if (czipd == "51") {
			noStr = '0|1|2|3|4|5|6|7|8|9';
		}
		if(czipd=="9"){
			noStr = '0|1|2|3|4|5|6|7|8|9|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31|32|33|34|35|36|37|38|39|40|41|42|43|44|45|46|47|48|49';
		}
		
		for ( var e = 1; e <= 10; e++) {

			getTrendData(e);

		}

		function getTrendData(isdu) {
			if (trendGid == null || trendGid == undefined || trendGid == '') {
				trendGid = 1;
			}
			$.ajax({
						url : "{:url('Lottery/trendIframe')}?czid=" + czipd + "&hmq=" + isdu,
						type : 'POST',
						dataType : 'json',
						data : {
							'gid' : trendGid,
							'count' : trendCount,
							'pos' : trendPos
						},
						timeout : 30000,
						success : function(data) {
							//console.log(data)
							if (data.Result == false) {
								msgAlert(data.Desc);
								reLogin(data.Desc);
								return false;
							}
							//福体彩

							var headHtml = '';
							var tbHtml = '';
							var noArr = noStr.split('|');
							var noLen = noArr.length;
						
							if (isdu == 1) {
								if (isdu == 1) {
									headHtml = '<tr class="trend-titbg">'
											+ '<th style="width:100px;text-align:center;">开奖期数</th>';
								} else {
									headHtml = '<tr class="trend-titbg">';
								}

								for ( var i = 0; i < noLen; i++) {
									headHtml += '<th>' + noArr[i] + '</th>';
								}
								headHtml += '</tr>';
							} else {
								headHtml = '<tr class="trend-titbg">';
								for ( var i = 0; i < noLen; i++) {
									headHtml += '<th>' + noArr[i] + '</th>';
								}
								headHtml += '</tr>';

							}
                            
							for ( var i = 0; i < data.RecordCount; i++) {
								var tmpOpenNum = data.Records[i].iOpenNum;
								//console.log(tmpOpenNum)
								var clsBg = (i % 2 == 1) ? 'class="trend-bg"'
										: '';
								tbHtml += '<tr ' + clsBg + '>';
								if (isdu == 1) {
									var qishucd = data.Records[i].sGamePeriod.length
									if (qishucd < 8) {
										var xhsuchs = 8 - qishucd;
										var lsjrxx = "";
										
										for ( var r = 1; r <= xhsuchs; r++) {
											lsjrxx += "&nbsp;";
											
										}
										data.Records[i].sGamePeriod = data.Records[i].sGamePeriod
												+ lsjrxx;
									}
                                     
									if (isdu == 1) {
										tbHtml += '<td style="width:100px;text-align:center;">'
												+ data.Records[i].sGamePeriod
												+ '</td>';
									}

								}
                                
								if (data.Records[i].iYL0 != undefined) {
							     
									tbHtml += '<td>'
											+ ((tmpOpenNum == 0) ? '<span class="cur" style="color:#fff;background:#dd5e00;">'
													: '')
											+ data.Records[i].iYL0
											+ ((tmpOpenNum == 0) ? '</span>'
													: '') + '</td>';
				
								}
								tbHtml += '<td>'
										+ ((tmpOpenNum == 1) ? '<span class="cur" style="color:#fff;background:#dd5e00;">1'
												: data.Records[i].iYL1)
										+ ((tmpOpenNum == 1) ? '</span>' : '')
										+ '</td>';
								tbHtml += '<td>'
										+ ((tmpOpenNum == 2) ? '<span class="cur" style="color:#fff;background:#dd5e00;">2'
												: data.Records[i].iYL2)
										+ ((tmpOpenNum == 2) ? '</span>' : '')
										+ '</td>';
								tbHtml += '<td>'
										+ ((tmpOpenNum == 3) ? '<span class="cur" style="color:#fff;background:#dd5e00;">3'
												: data.Records[i].iYL3)
										+ ((tmpOpenNum == 3) ? '</span>' : '')
										+ '</td>';
								tbHtml += '<td>'
										+ ((tmpOpenNum == 4) ? '<span class="cur" style="color:#fff;background:#dd5e00;">4'
												: data.Records[i].iYL4)
										+ ((tmpOpenNum == 4) ? '</span>' : '')
										+ '</td>';
								tbHtml += '<td>'
										+ ((tmpOpenNum == 5) ? '<span class="cur" style="color:#fff;background:#dd5e00;">5'
												: data.Records[i].iYL5)
										+ ((tmpOpenNum == 5) ? '</span>' : '')
										+ '</td>';
								tbHtml += '<td>'
										+ ((tmpOpenNum == 6) ? '<span class="cur" style="color:#fff;background:#dd5e00;">6'
												: data.Records[i].iYL6)
										+ ((tmpOpenNum == 6) ? '</span>' : '')
										+ '</td>';
								for(v=7;v<51;v++){
			                    	 var tmp = "iYL"+v;
			                    	 if (data.Records[i][tmp] != undefined) {
			                             tbHtml += '<td>'+((tmpOpenNum == v) ? '<span class="cur" style="color:#fff;background:#dd5e00;">'+v+'':data.Records[i][tmp])+((tmpOpenNum == v) ? '</span>':'')+'</td>';
			                         }
			                    }
								
								tbHtml += '</tr>';
							}
							//平均、最大遗漏

							var ylHtml = '<tr class="trend-bg-average">';
							if (isdu == 1) {
								ylHtml += '<td>平均遗漏</td>';
							}
							if (data.iYLAvg0 != undefined) {
								ylHtml += '<td>' + data.iYLAvg0 + '</td>';
							}
							if (data.iYLAvg1 != undefined) {
								ylHtml += '<td>' + data.iYLAvg1 + '</td>';
							}
							ylHtml += '<td>' + data.iYLAvg2 + '</td>';
							ylHtml += '<td>' + data.iYLAvg3 + '</td>';
							ylHtml += '<td>' + data.iYLAvg4 + '</td>';
							ylHtml += '<td>' + data.iYLAvg5 + '</td>';
							ylHtml += '<td>' + data.iYLAvg6 + '</td>';
							for(v=7;v<51;v++){
			                	var num = 'iYLAvg'+v;
				                if (data[num] != undefined) {
				                    ylHtml += '<td>'+data[num]+'</td>';
				                }
			                }
							ylHtml += '</tr>';
							ylHtml += '<tr>';
							if (isdu == 1) {
								ylHtml += '<td>最大遗漏</td>';
							}
							if (data.iYLMax0 != undefined) {
								ylHtml += '<td>' + data.iYLMax0 + '</td>';
							}
							if (data.iYLMax1 != undefined) {
								ylHtml += '<td>' + data.iYLMax1 + '</td>';
							}
							ylHtml += '<td>' + data.iYLMax2 + '</td>';
							ylHtml += '<td>' + data.iYLMax3 + '</td>';
							ylHtml += '<td>' + data.iYLMax4 + '</td>';
							ylHtml += '<td>' + data.iYLMax5 + '</td>';
							ylHtml += '<td>' + data.iYLMax6 + '</td>';
							for(v=7;v<51;v++){
			                	var num1 = 'iYLMax'+v;
				                if (data[num1]!= undefined) {
				                    ylHtml += '<td>'+data[num1]+'</td>';
				                  
				                }
			                }
							ylHtml += '</tr>';
							//清楚划线
							$('div#chartsDiv_' + isdu + ' canvas').remove();
							$('#trend_table_' + isdu).html(
									headHtml + tbHtml + ylHtml);
							//return;
							//先获取所有开奖号码对象，然后把每两个对象组成一个canvas
							var cvList = $('td span.cur');
							var cvHtml = '';
							for ( var i = 0; i < cvList.length; i++) {
								//alert('v:'+$(cvList[i]).width()+':'+$(cvList[i]).height());
								if (i == 0) {
									continue;
								}
								var tmpBallHalf = parseInt($(cvList[i]).width() / 2);
								var tmpHeight = $(cvList[i]).position().top
										- $(cvList[i - 1]).position().top;
								tmpHeight = Math.abs(parseInt(tmpHeight));
								var tmpWidth = $(cvList[i]).position().left
										- $(cvList[i - 1]).position().left;
								var direc = (tmpWidth < 0) ? -1 : 1;
								tmpWidth = Math.abs(parseInt(tmpWidth));
								tmpWidth = (tmpWidth == 0) ? 1 : tmpWidth;
								//left,top
								var tmpTop = Math.min(
										$(cvList[i]).position().top, $(
												cvList[i - 1]).position().top);
								var tmpLeft = Math.min(
										$(cvList[i]).position().left, $(
												cvList[i - 1]).position().left);
								tmpTop = Math.abs(parseInt(tmpTop))
										+ parseInt(tmpBallHalf) + 10;
								tmpLeft = Math.abs(parseInt(tmpLeft))
										+ parseInt(tmpBallHalf) - 1;
								cvHtml += '<canvas class="trend-canvas" style="position:absolute; z-index:2;visibility: visible; ' + 'border:0px solid;left:'+tmpLeft+'px;top:'+tmpTop+'px;" data-half="'+tmpBallHalf+'" data-direc_'+isdu+'="'+direc+'" width="'+tmpWidth+'" height="'+tmpHeight+'"></canvas>';

							}
							
							$('div#chartsDiv_' + isdu).append(cvHtml);

							drawLine(isdu);
							//loaded();
						}
					});
		}
	</script>
	<!--END-->
</html>

